<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"  
      xmlns:pe="http://primefaces.org/ui/extensions"  
      xmlns:h="http://java.sun.com/jsf/html">
    <h:form id="frmDetalleModulo" onkeypress="if (event.keyCode == 13) return false;">
        <p:focus context="panelModulo" />
        <p:panel id="panelModulo" >
            <table style="border-spacing: 5px;width: 100%" >
                <tbody>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Nid de Modulo :" /></td>
                        <td style="width: 400px;">
                            <p:inputText  value="#{moduloController.bean.id}" style="width: 100px" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Módulo Padre :" rendered="#{moduloController.bean.nidModuloPadre != null}"/></td>
                        <td style="width: 400px;">
                            <p:inputText id="txtModuloPadre" value="#{(moduloController.bean.nidModuloPadre != null)?moduloController.bean.nidModuloPadre.txtModulo:'-'}" 
                                          style="width: 372px; font-weight: bold;" disabled="true" styleClass="disabled" rendered="#{moduloController.bean.nidModuloPadre != null}">
                            </p:inputText>
                            <p:commandButton icon="ui-icon-search"  oncomplete="buscaModulos.show()"
                                             actionListener="#{moduloController.searchModuloPadre}"
                                             update=":frmListarModulo:grdListadoModuloBus" disabled="#{moduloController.esNuevo}"
                                             rendered="#{moduloController.bean.nidModuloPadre != null}">
                            </p:commandButton>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Modulo :" /></td>
                        <td style="width: 400px;">
                        <p:inputText value="#{moduloController.bean.txtModulo}" style="width: 400px;" 
                                     maxlength="250" required="true" requiredMessage="Debe ingresar el Módulo" >
                        </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td><h:outputLabel value="Orden :" /></td>
                        <td>
                            <p:inputText value="#{moduloController.bean.numOrden}" 
                                         onkeypress="return isNumberKey(event)"
                                         style="width: 60px;" maxlength="6"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Abreviatura :" /></td>
                        <td style="width: 400px;">
                        <p:inputText value="#{moduloController.bean.txtAbreviatura}" style="width: 300px;" maxlength="50"  >
                        </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Tipo de Modulo :" /></td>
                        <td style="width: 400px;">
                            <p:selectOneMenu id="cboTipModulo" style="width: 305px;" 
                                             value="#{moduloController.bean.tipModulo}" >
                                <f:selectItem itemValue="-1" itemLabel="Seleccione"></f:selectItem>
                                <f:selectItems value="#{moduloController.lstTipoModulo}" 
                                               var="tipomodulo" 
                                               itemValue="#{tipomodulo.txtValor}" 
                                               itemLabel="#{tipomodulo.txtParametro}"/>
                            </p:selectOneMenu>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Ruta de Instalación :" /></td>
                        <td>
                        <p:inputText value="#{moduloController.bean.txtRutaInstalacion}" style="width: 400px;" 
                                     maxlength="250">                           
                        </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Ruta de Ejecución :" /></td>
                        <td>
                        <p:inputText value="#{moduloController.bean.txtRutaEjecucion}" style="width: 400px;" 
                                     maxlength="250">
                        </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Proposito :" /></td>
                        <td>
                        <p:inputText value="#{moduloController.bean.txtProposito}" style="width: 400px;" 
                                     maxlength="250">
                        </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Versión :" /></td>
                        <td>
                            <p:inputText value="#{moduloController.bean.txtVersion}" style="width: 100px;" 
                                         maxlength="250">
                                <pe:keyFilter regEx="/[A-ZÑ0-9.]/i"/>
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <p:selectBooleanCheckbox value="#{moduloController.BActivo}" itemLabel="Activo" disabled="#{moduloController.esNuevo}">
                                    <p:ajax update="panelModulo" listener="#{moduloController.muestraObservacion}"/> 
                            </p:selectBooleanCheckbox>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Observación :" rendered="#{moduloController.BMuestraObs}"/></td>
                        <td>
                            <p:inputTextarea id="obsModulo" counter="counter" maxlength="250" counterTemplate="{0} caracteres disponibles." 
                                style="overflow-y:auto;width: 400px;height: 50px;font-size: 11px;"
                                rendered="#{moduloController.BMuestraObs}" value="#{moduloController.bean.txtObservacion}"/> 
                            <br/>
                            <h:outputText id="counter" />  
                        </td>
                    </tr>
                </tbody>   
                <tfoot>
                    <tr>
                        <td colspan="2">
                        <p:toolbar style="padding: 3px;">
                            <p:toolbarGroup align="right">
                                <p:commandButton style="margin-right: 40px;" value="Grabar" icon="ui-icon-disk" process=":frmDetalleModulo"
                                                 update=":frmGestionarModulos:msjFiltro" actionListener="#{moduloController.saveModulo}"/>
                                <p:commandButton value="Cerrar" icon="ui-icon-close" process="@this" oncomplete="wDetalleModulo.hide()"/>
                            </p:toolbarGroup>
                        </p:toolbar>
                        </td>
                    </tr>
                </tfoot>
            </table>  
        </p:panel>
    </h:form>
</ui:composition>